//转场动画
.slide-right-enter-active,
.slide-right-leave-active,
.slide-left-enter-active,
.slide-left-leave-active,
.slide-opacity-hide-enter-active,
.slide-opacity-show-enter-active
.slide-opacity-show-leave-active,
.slide-opacity-hide-leave-active {
    // 启用硬件加速
  will-change: transform;
  position: fixed;
}
.slide-opacity-show-enter-active,
.slide-opacity-show-leave-active,
.slide-opacity-hide-enter-active,
.slide-opacity-hide-leave-active {
  transition: all 300ms;
}
.slide-right-enter-active,
.slide-right-leave-active,
.slide-left-enter-active,
.slide-left-leave-active{
  transition: all 200ms;
}
body,html,#app{
  overflow-x: hidden;
  height: 100%;
}
.app-layout-wrapper,.app-layout-wrapper > .page{
 width: 100%;
 height: 100%;
}
.placeholder{
  display: block;
  height: 50px;
}
.van-list{
  padding-bottom: 120px;
}
.app-layout-wrapper.active{
  .nav-bar{
    width: 100%;
    height: 142px;
    // background-color: #fff;
  }
  .integral .content{
    height: calc(100% - 600px);
  }
  .bankcard-box .content{
    height: calc(100% - 288px);
  }
  .withdrawal .content{
    height: calc(100% - 138px);
  }
  .address-box .content{
    height: calc(100% - 264px);
  }
  .register {
    .van-icon-arrow-left {
      top: 75px;
    }
  }
  .van-nav-bar{
    padding: 50px 0 0 0;
    height: 142px;
    .van-nav-bar__left{
      margin-top:50px;
    }
    &::after{
      display: none;
    }
  }
  .top-hd{
    padding-top: 124px;
  }
  .orderMall .content{
    height: calc(100% - 242px);
  }
  .announcement-list{
    .hd-bar{
      height: 270px;
    }
    .content{
      height: calc(100% - 400px);
    }
  }
  .app-home .home-title{
    padding-top: calc(70px + env(safe-area-inset-top))
  }
  .integral{
    .hd-bar{
      height: 400px;
    }
  }
  .Login{
    box-sizing: border-box;
    padding-top: calc(70px + env(safe-area-inset-top));
    .close{
      top:90px;
    }
  }
  .wallet{
    .hd-bar{
      height: 400px;
    }
  }
  .address-box{
    .van-pull-refresh{
      height: calc(100% - 142px);
    }
  }
  .balance-bonus{
    .content{
      height: calc(100% - 142px);
    }
  }
  // .mall .content{
  //   height: calc(100% - 258px);
  // }

  .goods .swipe .van-icon{
    top:70px;
  }
}
.van-notify{
  padding-top:50px;
}
.slide-right-enter {
  opacity: 0;
  transform: translate(-100%, 0);
  transition-timing-function:ease-out;
}
.slide-right-leave-active {
  opacity: 0;
  // 安卓手机上同时进行离开和进入会出现闪白现象，暂时不启用离开动画
  transform: translate(100%, 0);
  transition-timing-function:  cubic-bezier(0.5,0,1,1);
}
.slide-left-enter {
  opacity: 0;
  width: 100%;
  transform: translate(100%, 0);
  transition-timing-function:ease-in;
}
.slide-left-leave-active {
  opacity: 0;
  //安卓手机上同时进行离开和进入会出现闪白现象，暂时不启用离开动画
  transition-timing-function:  cubic-bezier(0.5,0,1,1);
  transform: translate(-100%, 0);
}

.slide-opacity-hide-enter {
  opacity: 0;
  transition-timing-function:ease-out;
}
.slide-opacity-hide-leave-active {
  opacity: 0;
  // 安卓手机上同时进行离开和进入会出现闪白现象，暂时不启用离开动画
  transition-timing-function:  cubic-bezier(0.5,0,1,1);
}
.slide-opacity-show-enter {
  opacity: 0;
  width: 100%;
  transition-timing-function:ease-in;
}
.slide-opacity-show-leave-active {
  opacity: 0;
  //安卓手机上同时进行离开和进入会出现闪白现象，暂时不启用离开动画
  transition-timing-function:  cubic-bezier(0.5,0,1,1);
}
html{
  max-width: 32rem;
  margin: 0px auto;
}
.isApp{
  .nav-bar .icon-back{
    top:.65rem;
  }
  .my {
    .top-hd{
      padding: 114px 40px 64px;
    }
  }
  .van-image-preview__close-icon--top-right{
    top:55px;
  }
}
.layui-table{
  
}